<template>
  <div class="app-container">
    <h3>添加医院设置</h3>
    <el-form ref="form" label-width="120px">
      <el-form-item label="医院名称">
        <el-input v-model="hospitalSet.hosname" />
      </el-form-item>
      <el-form-item label="医院编号">
        <el-input v-model="hospitalSet.hoscode" />
      </el-form-item>
      <el-form-item label="api基础路径">
        <el-input v-model="hospitalSet.apiUrl" />
      </el-form-item>
      <el-form-item label="联系人姓名">
        <el-input v-model="hospitalSet.contactsName" />
      </el-form-item>
      <el-form-item label="联系人手机">
        <el-input v-model="hospitalSet.contactsPhone" />
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="saveOrUpData">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>


<script>

import * as hospSet from "@/api/hospSet";

export default {
  
  data() {
    return {
      hospitalSet: {},
    }
  },

  created() { // 页面渲染之前执行
  // 活得路由id值
    if(this.$route.params && this.$route.params.id){
      const id = this.$route.params.id
      this.getHospSet(id)
    }else{
      this.hospitalSet = {}
    }
  },

  methods: {
    /* 根据id查询 */
    getHospSet(id){
      hospSet.selectHospSet(id)
      .then(response=>{
          this.hospitalSet = response.data
      })
    },

    /* 添加 */
  add(){
  hospSet.addHospSet(this.hospitalSet)
      .then(response=>{
        this.$message({
            type: 'success',
            message: '添加成功!'
        })
        //路由跳转
        this.$router.push({path:'/hospSet/list'})
      })
    },

    /* 修改 */
  update(){
  hospSet.editHospSet(this.hospitalSet)
      .then(response=>{
        this.$message({
            type: 'success',
            message: '修改成功!'
        })
        //路由跳转
        this.$router.push({path:'/hospSet/list'})
      })
    },

    /* 添加设医院设置 */
    saveOrUpData(){
     if(this.hospitalSet.id){
       this.update();
     }else{
       this.add();
     }
    }
  },
}
</script>